<template>
  <div class="home">
    <headers />
    <list />
    <footers />
  </div>
</template>

<script>
// @ is an alias to /src
import headers from "@/components/Header.vue";
import list from "@/components/List.vue";
import footers from "@/components/Footer.vue";

export default {
  name: "Home",
  components: {
    headers,
    list,
    footers,
  },
};
</script>
<style lang="scss">
.home {
  border: 1px solid #000;
  border-radius: 5px;
  width: 700px;
  padding: 50px;
  margin: 50px auto;
}
</style>
